<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>文件上传测试</title>
</head>
<body>

<h2>文件上传表单</h2>

<form id="uploadForm" action="/shared/files/upload" method="post" enctype="multipart/form-data">
    <input type="file" name="file" required>
    <button type="submit">上传文件</button>
</form>

<script>
    document.getElementById('uploadForm').addEventListener('submit', function(event) {
        event.preventDefault(); // 阻止表单默认提交行为

// 使用FormData来构造请求体
        var formData = new FormData(event.target);

// 这里使用fetch API发送POST请求，也可以使用XMLHttpRequest或其他库
        fetch('/shared/files/upload', {
            method: 'POST',
            body: formData
        })
            .then(response => response.text())
            .then(data => {
                alert(data); // 弹出后端返回的消息
            })
            .catch(error => {
                console.error('上传失败:', error);
                alert('上传失败，请检查网络或文件类型。');
            });
    });
</script>

</body>
</html>